<template>
	<view class="list-content">
	    <view class="list">
	        <view class="li " @tap="gotouxiang()">
	            <!-- <view class="icon"> -->
	                <!-- <image src="../../static/images/genren-icon1.png"></image> -->
	            <!-- </view> -->
	            <view class="text">修改头像</view>
				<image :src="userinfo.head_url" style="position: absolute;top: 8rpx;right: 80rpx;width: 80rpx;height: 80rpx;border-radius: 5px;"></image>
	            <image class="to" src="../../static/images/to.png"></image>
	        </view>			
			<view class="li" @tap="gonicheng()">
	            <!-- <view class="icon"> -->
	                <!-- <image src="../../static/images/genren-icon3.png"></image> -->
	            <!-- </view> -->
	            <view class="text">修改昵称 <text style="float: right;">{{userinfo.nickname}}</text></view>
	            <image class="to" src="../../static/images/to.png"></image>
	        </view>
            <view class="li" @tap="gobank()" v-if="userinfo.role=='s'">
	            <!-- <view class="icon"> -->
	                <!-- <image src="../../static/images/genren-icon3.png"></image> -->
	            <!-- </view> -->
	            <view class="text">设置银行卡号 <text style="float: right;"></text></view>
	            <image class="to" src="../../static/images/to.png"></image>
	        </view>
	    </view>
	</view>
</template>

<script>
	import {getlogin} from "@/static/js/login.js";
	import httpPath from '@/static/js/path.js';
	export default {
			data() {
				return {
					wxinfo_id:"",
					userinfo:{},
				}
			},
			onShow() {
				this.userinfo = getlogin()
				this.wxinfo_id = this.userinfo.wxinfo_id;
			},
			onLoad(option) {
				this.userinfo = getlogin()
				this.wxinfo_id = this.userinfo.wxinfo_id;
	            
			},
			methods: {
				gotouxiang(){
					uni.navigateTo({
						url:"touxiang"
					})
				},
				gonicheng(){
					uni.navigateTo({
						url:"nicheng"
					})
				},gobank(){
					uni.navigateTo({
						url:"bank"
					})
				}
			}
		}
</script>

<style lang="scss">
	.list-content {
	    width: 100%;
	    margin: auto;
	    overflow: hidden;
	    border-radius: 15upx;
	    
	}
	.ding-num{font-size: 22rpx!important;padding:0px 10rpx;color: #FFFFFF;background: #7ADBA8;
	    width: auto!important;height: auto!important;
		border-radius: 30rpx;
	}
	
	.list {
		box-sizing: border-box;
	    width: 100%;
	    border-bottom: 15upx solid #f1f1f1;
	   
	
	    &:last-child {
	        border: none;
	    }
	
	    .li {
	        width: 686rpx;
	        height: 100upx;
			box-sizing: border-box;
	        padding: 0 ;
	        border-bottom: 1px solid rgb(243, 243, 243);
	        display: flex;
			margin: auto;
	        align-items: center;
			
	        &.noborder {
	            border-bottom: 0
	        }
	
	        .icon {
	            flex-shrink: 0;
	            width: 31rpx;
	            height: 31rpx;
	
	            image {
	                width: 31rpx;
	                height:31rpx;
	            }
	        }
	
	        .text {
				
	            padding-left: 10upx;
	            width: 100%;
	            font-size: 28rpx;
	            color: #333333;
	        }
	        .service {
	            width: 100%;
	            text-align: right;
	            color: #323232;
	        }
	        .to {
	          
	            width:45rpx;
	            height: 35rpx;
	        }
	    }
	}
</style>
